shorthand props

function component(props) {
	<HeaderComp hasPadding={props.hasPadding}>
		<ChildComp isDarkMode={props.isDarkMode} isLogin={props.isLogin}/>
	</HeaderComp>
}

이렇게 props를 받아서 그 아래로 내릴 상황에서

function component({hasPadding , ...props}) {
	<HeaderComp hasPadding={hasPadding}>
		<ChildComp {...props}/>
	</HeaderComp>
}

이런식으로 props를 축약할수있다.